<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<title>相册图片放大</title>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<meta content="yes" name="apple-mobile-web-app-capable" />
		<meta content="black" name="apple-mobile-web-app-status-bar-style" />
		<meta content="telephone=no" name="format-detection" />
		<meta name="description" content="">
		<meta name="author" content="">
		<meta name="renderer" content="webkit">

		<link rel="stylesheet" href="http://cdn.amazeui.org/amazeui/2.5.0/css/amazeui.min.css" />

		<link href="../zoom/css/jfMagnify-demo-1.css" rel="stylesheet" type="text/css" />
		<style>
			.middle-img {
				position: absolute;
				left: 259px;
				top: 0px;
				width: 40px;
			}
			
			.up-img {
				position: absolute;
				top: -40px;
				left: 261px;
				width: 40px;
			}
			
			.down-img {
				position: absolute;
				top: 40px;
				left: 257px;
				width: 40px;
			}
			
			.left-img {
				position: absolute;
				left: 218px;
				width: 40px;
			}
			
			.right-img {
				position: absolute;
				left: 300px;
				width: 40px;
			}
			
			@media screen and (max-width:450px) {
				.middle-img {
					position: absolute;
					left: 259px;
					top: 0px;
					width: 40px;
					display: none;
				}
				.up-img {
					position: absolute;
					top: -40px;
					left: 261px;
					width: 40px;
					display: none;
				}
				.down-img {
					position: absolute;
					top: 40px;
					left: 257px;
					width: 40px;
					display: none;
				}
				.left-img {
					position: absolute;
					left: 218px;
					width: 40px;
					display: none;
				}
				.right-img {
					position: absolute;
					left: 300px;
					width: 40px;
					display: none;
				}
				.rotate_jia {
					display: none;
				}
				.rotate_div {
					display: none;
				}
				.rotate_jian {
					display: none;
				}
			}
		</style>
	</head>

	<body>
		<header class="htmleaf-header">
		<h1>理货数据检查 <span> </span></h1>
		<div class="htmleaf-links">
			<a class="htmleaf-icon icon-htmleaf-home-outline" href="#" title="指尖金融" target="_blank"><span>指尖金融</span></a>
			<a class="htmleaf-icon icon-htmleaf-arrow-forward-outline" href="#" title="返回" target="_blank"><span> 返回</span></a>
		</div>
	</header>
	<div class="inventoryInfo">
		<h1>箱号: <font color="yellow" class="data" name="caseNumber"></font>  &nbsp运单号: <font color="yellow" class="data" name="waybillNumber"></font> &nbsp 箱型尺寸：<font color="yellow" class="data" name="caseSize"></font> &nbsp 铅封号1：<font color="yellow" class="data" name="facingSlip"></font> &nbsp 铅封号2：<font color="yellow" class="data" name="facingSlipNext"></font></h1>
		<h1>货物名称:<font color="yellow" class="data" name="bulkstockName"></font>	   &nbsp&nbsp数量:<font color="yellow" class="data" name="quantity"></font>	  &nbsp&nbsp重量(吨):<font color="yellow" class="data" name="weight"></font>
	</div>
		
		
		<ul data-am-widget="gallery" class="uuuul am-gallery am-avg-sm-2am-avg-md-3 am-avg-lg-4 am-gallery-overlay" data-am-gallery="{ pureview: true }" style="overflow: hidden;>
		</ul>

		<br>


		<br>
		<div style="width: 80%;margin:  0 auto;font-weight:bold;">

			<script src="js/jquery.min.js"></script>
			<script src="../../../../component/layer/layer.js" type="text/javascript" charset="utf-8"></script>
			
			<script src="js/amazeui.js"></script>
			<script type="text/javascript" src="../../../../js/seajs/sea.js"></script>
			<script type="text/javascript" src="../../../../js/seajs/seajs-text.js"></script>
			<script type="text/javascript" src="../../../../js/seajs/seajs-css.js"></script>
			<script type="text/javascript" src="../../../../js/platform/config.js"></script>
			<!--<script type="text/javascript" src="../../../../js/juicer-min.js"></script>-->

			<script src="../zoom/js/jquery-2.1.1.min.js" type="text/javascript"></script>
			<script src="../zoom/js/jquery.mousewheel.js"></script>
		    <script src="../zoom/js/jquery.easing.1.2.js"></script>
		    <script src="../zoom/js/jquery.classyloupe.min.js"></script>
			<script type="text/javascript" src="../zoom/js/jquery-ui.js"></script>
			<script type="text/javascript" src="../zoom/js/jquery.jfMagnify.min.js"></script>
			<script type="text/javascript">

				seajs.use('./index', function(index) {
					index.init();
				});
			</script>

	</body>

</html>